<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <title>HeatmapComponent demo 3</title>
  <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico">
  <link rel="stylesheet" type="text/css" href="../build/heatmap-component.css" />
  <script src="../build/heatmap-component.js"></script>
</head>

<body>
  <h1>Demo 3</h1>
  <p>This demo creates the HeatmapComponent logo</p>
  <div style="padding: 15px; background-color: white;">
    <!-- Your visualization will be placed here -->
    <div id="app" style="width: 200px; aspect-ratio: 1; border: none;"></div>
    <p><a href="../src/heatmap-component/demo.ts">Source code</a></p>
  </div>

  <script>
    HeatmapComponent.demos.demo3('app');
  </script>
</body>

</html>